<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="zh-CN">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<link href="${pageContext.request.contextPath }/css/bootstrap.min.css"  rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/font-awesome.min.css"  rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/animate.css" rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/style.css" rel="stylesheet"><base target="_blank">
<link href="${pageContext.request.contextPath }/css/login.min.css" rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/plugins/toastr/toastr.min.css" rel="stylesheet">

<title>登录</title>
<script>
if(window.top !== window.self){
	 window.top.location = window.location;
}
</script>
<style type="text/css">
#forgetPasswordModal{
	color: #676A6C ;
}
</style>
</head>

   <body class="signin">
   
    <div class="signinpanel">
        <div class="row">
            <div class="col-sm-7">
                <div class="signin-info">
                    <div class="logopanel m-b">
                        <h1>[ contract ]</h1>
                    </div>
                    <div class="m-b"></div>
                    <h4>欢迎使用 <strong>设备报修后台管理系统</strong></h4>
                    <ul class="m-b">
                        <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 用户、角色、功能权限等管理员管理</li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 设备、客户等基础信息管理</li>
                        <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 报修、审核、维修等核心功能管理</li>
                    </ul>
                </div>
            </div>
            <div class="col-sm-5">
               <!--  <form id="loginForm"> -->
                <div class="loginform" >
                    <h4 class="no-margins">登录：</h4>
                    <p class="m-t-md">登录到设备报修后台管理系统</p>
                	<form id="loginForm">
	                    <input type="text" class="form-control uname" placeholder="请输入登录名"  required="" name="loginName"/>
	                    <input type="password" class="form-control pword m-b" placeholder="密码" required="" name="userPassword" onkeydown="keyDown(event)"/>
                    </form>
                    <a onclick="forgotPassword()">忘记密码了？</a>
                    <button class="btn btn-primary btn-block" onclick="login()">登录</button>
                </div>
               <!--  </form> -->
            </div>
        </div>
        <div class="signup-footer">
            <div class="pull-left">
                &copy; 2017 项目小组
            </div>
        </div>
    </div>
    
    
    	<div class="wrapper wrapper-content  animated fadeInRight">
			<div class="modal inmodal fade" id="forgetPasswordModal" tabindex="-1"
				role="dialog" aria-hidden="true">
				<div class="modal-dialog modal-sm"><!-- modal-lg -->
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal">
								<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
							</button>
							<h4 class="modal-title">忘记密码了？</h4>
						</div>
						<div class="modal-body">
							<p>
								<strong>请</strong>
								联系系统管理员重置密码，后台系统一般不提供找回密码功能。
							</p>
						</div>

						<div class="modal-footer">
							<button type="button" class="btn btn-white"
								data-dismiss="modal">关闭</button>
						</div>
					</div>
				</div>
			</div>
		</div>
    

    <script src="${pageContext.request.contextPath }/js/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath }/js/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/content.js?v=1.0.0"></script>
   
    
	<!-- 表单验证插件   -->
	<script src="${pageContext.request.contextPath }/js/plugins/validate/jquery.validate.min.js"></script>
	<script src="${pageContext.request.contextPath }/js/plugins/validate/messages_zh.min.js"></script>
	
	<!-- 通知插件 -->
    <script src="${pageContext.request.contextPath }/js/plugins/toastr/toastr.min.js"></script>
		
		
    <!-- 页面的js -->
    <script src="${pageContext.request.contextPath }/myJs/login.js"></script>
 

</body>
</html>